﻿<!DOCTYPE html>
<html>
<head>
    <title>演出列表</title>
    <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=0">
    <!--公有引用-->
    <link rel="stylesheet" href="../css/weui.css" />
    <link rel="stylesheet" href="../css/weui2.css" />
    <link rel="stylesheet" href="../css/weui3.css" />

    <script src="../js/zepto.min.js"></script>
    
</head>
<body>
  
    <!--列表-->
    <div class="weui_panel weui_panel_access">
        <div class="weui_panel_bd">
            <a href="detail.html" class="weui_media_box weui_media_appmsg">
                <div class="weui_media_hd">
                    <img class="weui_media_appmsg_thumb" src="../cdnimg/item_img.jpg" />
                </div>
                <div class="weui_media_bd">
                    <h4 class="weui_media_title">歌剧魅影</h4>
                    <p class="weui_media_desc">2017-05-13 至 2017-05-15</p>
                    <p class="weui_btn weui_btn_mini bg-orange-b">售票中</p>
                    <p class="weui_media_desc"><i class="icon icon-69"></i>长沙市天心区劳动西路347号田汉大剧院</p>
                </div>
                <div class="weui_media_ft">¥220起</div> 
            </a>
            <a href="detail.html" class="weui_media_box weui_media_appmsg">
                <div class="weui_media_hd">
                    <img class="weui_media_appmsg_thumb" src="../cdnimg/item_img.jpg" />
                </div>
                <div class="weui_media_bd">
                    <h4 class="weui_media_title">舞者</h4>
                    <p class="weui_media_desc">2017-05-13 至 2017-05-15</p>
                    <p class="weui_btn weui_btn_mini bg-blue-b">预售</p>
                    <p class="weui_media_desc"><i class="icon icon-69"></i>长沙市天心区劳动西路347号田汉大剧院</p>
                </div>
                <div class="weui_media_ft">¥150起</div> 
            </a>
            <a href="detail.html" class="weui_media_box weui_media_appmsg">
                <div class="weui_media_hd">
                    <img class="weui_media_appmsg_thumb" src="../cdnimg/item_img.jpg" />
                </div>
                <div class="weui_media_bd">
                    <h4 class="weui_media_title">歌剧魅影</h4>
                    <p class="weui_media_desc">2017-05-13 至 2017-05-15</p>
                    <p class="weui_btn weui_btn_mini bg-orange-b">售票中</p>
                    <p class="weui_media_desc"><i class="icon icon-69"></i>长沙市天心区劳动西路347号田汉大剧院</p>
                </div>
                <div class="weui_media_ft">¥120起</div>
            </a>
            <a href="detail.html" class="weui_media_box weui_media_appmsg">
                <div class="weui_media_hd">
                    <img class="weui_media_appmsg_thumb" src="../cdnimg/item_img.jpg" />
                </div>
                <div class="weui_media_bd">
                    <h4 class="weui_media_title">舞者</h4>
                    <p class="weui_media_desc">2017-05-13 至 2017-05-15</p>
                    <p class="weui_btn weui_btn_mini bg-blue-b">预售</p>
                    <p class="weui_media_desc"><i class="icon icon-69"></i>长沙市天心区劳动西路347号田汉大剧院</p>
                </div>
                <div class="weui_media_ft">¥150起</div>
            </a>
            <a href="detail.html" class="weui_media_box weui_media_appmsg">
                <div class="weui_media_hd">
                    <img class="weui_media_appmsg_thumb" src="../cdnimg/item_img.jpg" />
                </div>
                <div class="weui_media_bd">
                    <h4 class="weui_media_title">歌剧魅影</h4>
                    <p class="weui_media_desc">2017-05-13 至 2017-05-15</p>
                    <p class="weui_btn weui_btn_mini bg-orange-b">售票中</p>
                    <p class="weui_media_desc"><i class="icon icon-69"></i>长沙市天心区劳动西路347号田汉大剧院</p>
                </div>
                <div class="weui_media_ft">¥120起</div>
            </a>
            <a href="detail.html" class="weui_media_box weui_media_appmsg">
                <div class="weui_media_hd">
                    <img class="weui_media_appmsg_thumb" src="../cdnimg/item_img.jpg" />
                </div>
                <div class="weui_media_bd">
                    <h4 class="weui_media_title">舞者</h4>
                    <p class="weui_media_desc">2017-05-13 至 2017-05-15</p>
                    <p class="weui_btn weui_btn_mini bg-blue-b">预售</p>
                    <p class="weui_media_desc"><i class="icon icon-69"></i>长沙市天心区劳动西路347号田汉大剧院</p>
                </div>
                <div class="weui_media_ft">¥150起</div>
            </a>
            <a href="detail.html" class="weui_media_box weui_media_appmsg">
                <div class="weui_media_hd">
                    <img class="weui_media_appmsg_thumb" src="../cdnimg/item_img.jpg" />
                </div>
                <div class="weui_media_bd">
                    <h4 class="weui_media_title">歌剧魅影</h4>
                    <p class="weui_media_desc">2017-05-13 至 2017-05-15</p>
                    <p class="weui_btn weui_btn_mini bg-orange-b">售票中</p>
                    <p class="weui_media_desc"><i class="icon icon-69"></i>长沙市天心区劳动西路347号田汉大剧院</p>
                </div>
                <div class="weui_media_ft">¥120起</div>
            </a>
            <a href="detail.html" class="weui_media_box weui_media_appmsg">
                <div class="weui_media_hd">
                    <img class="weui_media_appmsg_thumb" src="../cdnimg/item_img.jpg" />
                </div>
                <div class="weui_media_bd">
                    <h4 class="weui_media_title">舞者</h4>
                    <p class="weui_media_desc">2017-05-13 至 2017-05-15</p>
                    <p class="weui_btn weui_btn_mini bg-blue-b">预售</p>
                    <p class="weui_media_desc"><i class="icon icon-69"></i>长沙市天心区劳动西路347号田汉大剧院</p>
                </div>
                <div class="weui_media_ft">¥150起</div>
            </a>
        </div>
    </div>

    <!--底部导航-->
    <div class="weui-loadmore weui-loadmore-line" >
        <span class="weui-loadmore-tips">暂无数据</span>
    </div>
    <div class="weui_tab tab-bottom">
        <div class="weui_tabbar">
            <a href="index.html" class="weui_tabbar_item">
                <div class="weui_tabbar_icon">
                    <img src="../images/icon_trailer_default.png" alt="">
                </div>
                <p class="weui_tabbar_label">预告</p>
            </a>
            <a href="list.html" class="weui_tabbar_item">
                <div class="weui_tabbar_icon">
                    <img src="../images/icon_show_default.png" alt="">
                </div>
                <p class="weui_tabbar_label">演出</p>
            </a>
            <a href="member.html" class="weui_tabbar_item">
                <div class="weui_tabbar_icon">
                    <img src="../images/icon_mine_default.png" alt="">
                </div>
                <p class="weui_tabbar_label">我的</p>
            </a>
        </div>
    </div>
    <!--页面私有引用-->
    <script type="text/javascript">
        //底部导航
        $(function () {
            var filename = location.href.substring(0, location.href.lastIndexOf('/'));
            filename = (filename.substr(filename.lastIndexOf('/') + 1) + "/" + location.href.substr(location.href.lastIndexOf('/') + 1)).toLowerCase();
            var weui_tabbar = $(".weui_tabbar").children("a");
            switch (filename) {
                case "web/index.html":
                    weui_tabbar.eq(0).addClass("weui_bar_item_on").find("img").attr("src", "../images/icon_trailer_selected.png");
                    break;
                case "web/list.html": case "web/detail.html":
                    weui_tabbar.eq(1).addClass("weui_bar_item_on").find("img").attr("src", "../images/icon_show_selected.png");
                    break;
                case "web/member.html":
                    weui_tabbar.eq(2).addClass("weui_bar_item_on").find("img").attr("src", "../images/icon_mine_selected.png");
                    break;
            }
        });
    </script>
   
</body>
</html>
